<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>网页布局练习</title>
		<link rel="stylesheet" href="css/01.css">
	</head>
	<body>
		<!-- 导航1 -->
		<div class="nav1"></div>
		<!-- 导航2 -->
		<div class="nav2"></div>
		<!-- 轮播图 -->
		<div class="banner"></div>
		<!-- 热销单品 -->
		<div class="hot"></div>
		<!-- 主体1 -->
		<div class="container">
			<div class="left1"></div>
			<div class="right1"></div>
		</div>
		<!-- 主体2 -->
		<div class="container">
			<div class="left2"></div>
			<div class="right2"></div>
		</div>
		<!-- 新品 -->
		<div class="new"></div>
		<!-- 图片列表 -->
		<div class="container">
			<ul class="pic">
				<li>
					<img src="../2.jpg" alt="">
					<p>文字标题</p>
				</li>
				<li>
					<img src="../2.jpg" alt="">
					<p>文字标题</p>
				</li>
				<li>
					<img src="../2.jpg" alt="">
					<p>文字标题</p>
				</li>
				<li>
					<img src="../2.jpg" alt="">
					<p>文字标题</p>
				</li>
			</ul>
		</div>
		<!-- 品牌故事 -->
		<div class="container brand">
			<div></div>
			<div></div>
		</div>
		<!-- 底部 -->
		<div class="footer"></div>
	</body>
</html>